Vue中使用debugger在chrome谷歌浏览器中失效问题(已解决) |
您所在的位置:网站首页 › 谷歌浏览器 js调试 › Vue中使用debugger在chrome谷歌浏览器中失效问题(已解决) |
问题描述:我在vscode或idea的vue代码中,加入debugger代码调式,始终不生效,烦得很,清理浏览器缓存,重启项目和电脑,都没啥用,最终找到了解决办法。这里参考了有些博主的办法,和该博主评论下方的办法。现在自己也解决了,决定分享给大家。这两种办法本人都试过,都是可行的。本人比较偏向于解决办法二 参考博客地址:https://blog.csdn.net/yunhuaikong/article/details/134892870 解决办法一:在你的vue文件vue.config.js中找到如下configureWebpack位置,加入devtool:"source map",重新启动项目debugger即可生效。 devtool:"source map"添加之后再次运行 解决办法二:这个在浏览器上设置也是可行的,我个人比较建议这个办法,谷歌浏览器-更多工具-开发者工具-设置-Ignoer List-取消勾选/node_modules/|/bower_components/即可 1)找到浏览器右上角三个点==》更多工具 ==》开发者工具 2)找到设置 3)找到Ignoer List-取消勾选/node_modules/|/bower_components/即可 取消勾选之后再次运行 以上两种解决办法本人均尝试过,确实都是可以解决的。没有debugger太难受了,不过好在解决了,此处用于记录一下怎么解决该问题的。有问题可在评论下方留言,博主看到会回复的。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |